<style>
  .{{$template|escape:'html'}}_table1 {
    width: 200px;
    height: 100px;
    border:solid 0px #ccc;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 200px;
    height: 210px;
    border:solid 0px #ccc;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 200px;
    height: 140px;
    border:solid 0px #ccc;
  }
  .{{$template|escape:'html'}}_td1 { 
    width: 220px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 220px;
    height: 28px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 220px;
    height: 28px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 220px;
    height: 24px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 220px;
    height: 28px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 220px;
    height: 25px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 220px;
    height: 28px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td8 {
    width: 220px;
    height: 70px;
    text-align: right;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 113px;
    height: 50px;
    text-align: right;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 107px;
    height: 50px;
    text-align: right;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_inputText {
    width: 200px;
    height: 16px;
  }
  .{{$template|escape:'html'}}_registerButton {
    cursor: pointer;
  }
  .{{$template|escape:'html'}}_backLink {
    cursor: pointer;
    margin: 0 5px 0 0;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = AbstractSignUp.gui('{{$template|escape:javascript}}');
      
      new HandleSignUp(gui, MiscUtils.decode('{{$operator|escape:javascript}}'), MiscUtils.decode('{{$now|escape:javascript}}'), MiscUtils.decode('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<table cellPadding="0" cellSpacing="0" class="{{$template|escape:'html'}}_table2">
  <tr>
    <td></td>
  </tr>
</table>

<table cellPadding="0" cellSpacing="0" class="{{$template|escape:'html'}}_table1" >
  <tr>
    <td class="{{$template|escape:'html'}}_td1">
      <img src="image/register/title.png"></img>
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td2">
      <img src="image/register/account.png"></img>
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td3">
      <input type="text" id="{{$template|escape:'html'}}_account_input" class="{{$template|escape:'html'}}_inputText"></input>
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td4">
      <img src="image/register/password.png"></img>
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td5">
      <input type="password" id="{{$template|escape:'html'}}_password_input" class="{{$template|escape:'html'}}_inputText"></input>
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td6">
      <img src="image/register/confirmpassword.png"></img>
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td7">
      <input type="password" id="{{$template|escape:'html'}}_confirm_input" class="{{$template|escape:'html'}}_inputText"></input>
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td8">
      <table cellPadding="0" cellSpacing="0" border=0>
        <tr>
          <td class="{{$template|escape:'html'}}_td9">
            <img src="image/register/back.png" id="{{$template|escape:'html'}}_back_button" class="{{$template|escape:'html'}}_backLink"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td10">
            <img src="image/register/register.png" id="{{$template|escape:'html'}}_register_button" class="{{$template|escape:'html'}}_registerButton"></img>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<table cellPadding="0" cellSpacing="0" class="{{$template|escape:'html'}}_table3">
  <tr>
    <td></td>
  </tr>
</table>